<template>
    <div class="footer">
        <div class="footer-container">
            <div class="fotterList warp">
                <div class="footerItem">
                    <h4>竞买人帮助</h4>
                    <ul class="footerItemCon">
                        <li @click="helpGo('3-')">竞拍流程</li>
                        <li @click="helpGo('1-6')">出价规则</li>
                        <li @click="helpGo('1-8')">延时规则</li>
                    </ul>
                </div>
                <div class="footerItem">
                    <h4>常见问题</h4>
                    <ul class="footerItemCon">
                        <li @click="helpGo('6-9')">退还保证金</li>
                        <li @click="helpGo('6-10')">悔拍怎么办</li>
                        <li @click="helpGo('6-12')">如何进行交割</li>
                    </ul>
                </div>
                <div class="footerItem">
                    <h4>相关协议</h4>
                    <ul class="footerItemCon">
                        <li @click="helpGo('7-1')">会员注册协议</li>
                        <li @click="helpGo('7-2')">网络拍卖服务协议</li>
                        <li @click="helpGo('7-3')">隐私政策</li>
                    </ul>
                </div>
                <div class="footerItem">
                    <h3>关于我们</h3>
                    <ul class="footerItemCon">
                        <li>热线电话: {{phone}}</li>
                        <li>客服邮箱: {{email}}</li>
                        <li>联系地址:{{address}}</li>
                    </ul>
                </div>
                <div class="footerItem QRcode">
                    <img src="@/assets/item_form.png" alt="">
                    <p>扫码下载app</p>
                </div>
            </div>
        </div>
        <div class="footerBar">
            Copyright@盟拍网-河北一盟拍卖有限公司
            <a href="https://beian.mps.gov.cn/#/query/webSearch?code=13010502002519" rel="noreferrer" target="_blank">
                <img src="@/assets/num_psb.png" alt="">
                冀公网安备1301502002519
            </a>
            <a href="https://beian.miit.gov.cn" target="_blank">
                备案号: 冀ICP备2022014737号-1
            </a>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            phone:'18731185621',
            email:'1457062469@qq.com',
            address:'河北省石家庄市新华区民族路77号华强广场A座705'
        }
    },
    methods:{
        helpGo(only){
            this.$router.push({path:'/helpCenter',query:{avticeID:only}})                        
        },
    }
}
</script>

<style scoped lang="less">
.footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ccc;
    height: 222px;
    background-color: #fff;
    .footerBar{
        height: 40px;
        // line-height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #3b3b3b;
        color: #fff;
        a{
            text-decoration: none !important;
            color: #fff !important;
            margin-right: 6px;
            img{
                width: 16px;
                margin-left: 10px;
                margin-right: 1px;
                display: inline-block;
                vertical-align: middle;
            }
        }
       
    }
    .footer-container{
        // height: 300px;
        .fotterList {
        display:flex;
        justify-content: center;
        align-items: center;
        .footerItem {
            font-family: '黑体';
            padding: 40px;
            ul li{
                font-size: 15px;
                padding-top: 10px;
            }
        }  
        .QRcode{
            text-align: center;
            img{
                width: 110px;
                height: 110px;
            }
            p{
                font-size: 14px;
                color: #555;
            }
        }
    }
    }
    
}


</style>